<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TK 科技</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/common.min.css">
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1689617_wdn91ws2gcm.css">
</head>


<body>
    <!-- 头部 -->
    <header>
        <div class="head-top clearFix">
            <div class="head-top-content">
                <div class="fl">
                    全国服务热线：400-000-0000
                </div>
                <div class="bc fr clearFix">
                    <p class="fl btn-set-index">设为首页</p>
                    <p class="fl bt-collect">加入我们</p>
                </div>
            </div>
        </div>
    </header>
    <!-- 导航 -->
    <nav>
        <div class="nav-l clearFix">
            <div class="imgWrap fl">
                <img src="./image/index/logo.jpg">
            </div>
            <div class="title fl">
                <h3>TK科技有限公司</h3>
                <p>cer dcd keo Holdings Co., Ltd.</p>
            </div>
        </div>
        <div class="nav-r clearFix">
            <ul>
                <li class="active fl"><a href="#">首页</a>
                    <div><a href="#">Home</a></div>
                </li>
                <li class="fl"><a href="./product.html">关于我们</a>
                    <div><a href="./product.html">About</a></div>
                </li>
                <li class="fl"><a href="./detail.html">产品中心</a>
                    <div><a href="./detail.html">Products</a></div>
                </li>
                <li class="fl"><a href="#">服务支持</a>
                    <div><a href="#">Service</a></div>
                </li>
                <li class="fl"><a href="#">新闻中心</a>
                    <div><a href="#">News</a></div>
                </li>
                <li class="fl"><a href="#">在线商品</a>
                    <div><a href="#">Shop</a></div>
                </li>
                <li class="fl"><a href="#">联系我们</a>
                    <div><a href="#">Contact Us</a></div>
                </li>
            </ul>
        </div>

    </nav>
    <!-- 轮播 -->
    <div class="banner imgWrap">
        <img src="./image/index/banner.jpg">
        <div class="pointer">
            <a class="active" href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <!-- 内容 -->
    <div class="main">
        <div class="introduce">
            <div class="new">
                <div class="new-tt">
                    <img src="./image/index/news.jpg">
                    <p>新闻中心</p>
                    <p>NEWS.CENTER</p>
                    <div></div>
                </div>
                <div class="new-tc">
                    <h3>CeBIT 2015</h3>
                    <div class="new-tz clearFix">
                        <div class="new-tzl imgWrap fl">
                            <img src="./image/index/pic-1.jpg">
                        </div>
                        <div class="new-tzr fr">
                            <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                            <p>3月16日-20日</p>
                        </div>
                    </div>
                    <div class="new-tb">
                        <ul>
                            <li><a href="#">上海国际智能建筑展览会</a></li>
                            <li><a href="#">2014德国柏林国际消费类电子产品展览会</a></li>
                            <li><a href="#">2014中国（贵阳）公告安全防范产品博览会</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="news">
                <div class="new-tt">
                    <img src="./image/index/new.jpg">
                    <p>新品发布</p>
                    <p>NEW.PRODUCTS</p>
                    <div></div>
                </div>
                <div class="news-cont">
                    <div class="news-cont1 imgWrap">
                        <img src="./image/index/pic-2.jpg">
                    </div>
                    <div class="fx">
                        <img class="prev" src="./image/index/prev.jpg" alt="">
                        <img class="next" src="./image/index/next.jpg" alt="">
                    </div>
                    <p>s6213w-y</p>
                    <p>海思3518E方案，多码流技术，百万高清</p>
                </div>
            </div>
            <div class="brand">
                <div class="new-tt">
                    <img src="./image/index/brand.jpg">
                    <p>品牌介绍</p>
                    <p>INFORMATION</p>
                    <div></div>
                </div>
                <div class="brand-cont">
                    <div class="imgWrap">
                        <img src="./image/index/pic-3.jpg" alt=""></div>
                    <div class="wz">
                        <i class="iconfont icon-quotL"></i>
                        <p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                        <i class="iconfont icon-shuangyinhao-you"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="about">
            <div class="bt">
                <h3>关于我们</h3>
                <p>STORE DISPLAY</p>
            </div>
            <div class="about-content">
                <p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。TK公司自创立以来,
                    一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。 </p>
                <div class="pic-wrapper">
                    <div class="lbt">
                        <img src="./image/index/pic-4.jpg">
                        <img src="./image/index/pic-5.jpg">
                        <img src="./image/index/pic-6.jpg">
                        <img src="./image/index/pic-7.jpg">
                        <img src="./image/index/pic-8.jpg">
                    </div>
                </div>
            </div>
        </div>
        <div class="contact">
            <div class="bt">
                <h3>联系我们</h3>
                <p>STORE DISPLAY</p>
            </div>
            <div class="contact-b">
                <div class="contact-wrapper">
                    <div class="contact-l-wrapper clearFix">
                        <div class="contact-l-l fl">
                            <div class="imgWrap">
                                <img src="image/index/ewm.jpg">
                            </div>
                            <p>微信扫一扫</p>
                            <p>关注我们相关的信息</p>
                        </div>
                        <div class="contact-l-r fl">
                            <div>
                                <i class="iconfont icon-fuwurexian"></i>
                                <span>服务热线：</span>
                                <span>400-000-0000</span>
                            </div>
                            <div>
                                <i class="iconfont icon-lianxiren"></i>
                                <span>联系人：</span>
                                <span>某先生</span>
                            </div>
                            <div>
                                <i class="iconfont icon-youxiang"></i>
                                <span>公司邮箱：</span>
                                <span>www.tk.com</span>
                            </div>
                            <div>
                                <i class="iconfont icon-chuanzhen"></i>
                                <span>公司传真：</span>
                                <span>000-12345678</span>
                            </div>
                            <div>
                                <i class="iconfont icon-jishiben"></i>
                                <span>邮政编码：</span>
                                <span>467000</span>
                            </div>
                            <div>
                                <i class="iconfont icon-ditu"></i>
                                <span>公司地址：</span>
                                <span>广州市某某区某某路某号</span>
                            </div>
                        </div>
                        <div id="mapContainer"></div>
                    </div>
                    <div class="contact-r">
                        <div>
                            <p>昵称</p>
                            <input type="text">
                        </div>
                        <div>
                            <p>联系电话</p>
                            <input type="text">
                        </div>
                        <div>
                            <p>电子邮箱</p>
                            <input type="text">
                        </div>
                        <div>
                            <p>内容</p>
                            <textarea></textarea>
                        </div>
                        <button>提交</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="foot-top">
            <div class="foot-t1">
                <p>关注我们：</p>
                <div>
                    <img src="./image/index/foot-1.jpg">
                    <img src="./image/index/foot-2.jpg">
                    <img src="./image/index/foot-3.jpg">
                </div>
            </div>
            <div class="foot-t2">
                <ul>
                    <li><a href="#">网站首页</a></li>
                    <li>·</li>
                    <li><a href="#">新闻动态</a></li>
                    <li>·</li>
                    <li><a href="#">关于我们</a></li>
                    <li>·</li>
                    <li><a href="#">团队风采</a></li>
                    <li>·</li>
                    <li><a href="#">联系我们</a></li>
                    <li>·</li>
                    <li><a href="#">在线留言</a></li>
                </ul>
            </div>
        </div>
        <div class="foot-b">
            &copy;2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved
        </div>
    </footer>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=41c11f553a04da51f0428ffe99ab4086&callback=onLoad"></script>
    <script>
        window.onLoad = function () {
            var map = new AMap.Map('mapContainer', {
                resizeEnable: true,
                center: [113.321503, 23.131138],
                zoom: 15, // 设置Z轴距离
            });

            // 创建 AMap.Icon 实例：
            var icon = new AMap.Icon({
                size: new AMap.Size(19, 31), // 图标尺寸
                image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png', // Icon的图像
                // imageOffset: new AMap.Pixel(0, -60),  // 图像相对展示区域的偏移量，适于雪碧图等
                imageSize: new AMap.Size(19, 31) // 根据所设置的大小拉伸或压缩图片
            });
            // 创建一个 Marker 实例：
            var marker = new AMap.Marker({
                position: [113.321503, 23.131138], //位置
                offset: new AMap.Pixel(0, -40),
                icon: icon,
                title: '北京'
            })
            // 将创建的点标记添加到已有的地图实例：
            map.add(marker); //添加到地图arch(new AMap.LngLat(116.379028, 39.865042), new AMap.LngLat(116.427281, 39.903719));
        }
    </script>
</body>

</html>